@charset "utf-8";
/* CSS Document */
<style type="text/css">
*
{ padding: 0; margin: 0; }
body { padding: 5px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
ul { list-style: none; }
ul li { float: left; padding-right: 1px; position: relative; }
ul a { display: table-cell; vertical-align: middle; width: 200px; height: 50px; text-align: center; background: #69c; color: white; text-decoration: none; }
ul a:hover { background: green; }
li > ul { display: none; position: absolute; left: 0; top: 100%; }
li:hover > ul { display: block; }
li > ul li { padding: 0; padding-top: 1px; }
li > ul li > ul {left: 100%; top: 0; padding-left: 1px; }
li > ul li > ul li { width: 150px; }
li:hover > a { background: green; }
<style type>
</head>
</html>